<%--
  Created by IntelliJ IDEA.
  User: zxm52
  Date: 2021/3/28
  Time: 22:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--通用代码，每个页面都引入--%>
<%--<%@include file="components/header.jsp"%>--%>
<%@ include file="components/base.jsp" %>
<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <title>登录</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        .login-out{
            display: none;
        }
        body{
            background-repeat:no-repeat;
            background-size:100% 100%;
            -moz-background-size:100% 100%;
            background-image: url("./static/img/6.jpg");
        }
        #all-login{
            width: 500px;
            height: 400px;
            border-radius: 20px;
            background-color: #e5e5e5;
            margin: 150px auto;
        }

        #all-content{
            /*width: 500px;*/
            /*height: 400px;*/
            /*margin: 0 auto;*/
            position: relative;
            bottom:50px ;
        }


        /*输入框*/

        #input-content{
            position:absolute;
            top: 100px;
            left: 125px;
        }

        #title{
            width: 50px;
            font-size: 25px;
            margin: 0 auto 20px;
        }

        #input-content input{
            width: 280px;


            cursor: pointer;
            background-color: #fff;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #dcdfe6;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 40px;
            line-height: 40px;
            outline: none;
            padding: 0 15px;
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }

        /*登录按钮*/
        #button-logo{
            width: 280px;
        }

        #button-logo button{
            width: 280px;
            margin-bottom: 15px;

            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            background: #fff;
            border: 1px solid #dcdfe6;
            color: #606266;
            text-align: center;
            box-sizing: border-box;
            outline: none;
            transition: .1s;
            font-weight: 500;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            border-radius: 4px;
        }

        #button-logo button:hover{
            color: #fff;
            background-color: #409eff;
            border-color: #409eff;
        }

        #button-logo a{
            display: block;
            width: 280px;
            margin-bottom: 10px;

            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            background: #fff;
            border: 1px solid #dcdfe6;
            color: #606266;
            text-align: center;
            box-sizing: border-box;
            outline: none;
            transition: .1s;
            font-weight: 500;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            border-radius: 4px;
        }

        #button-logo a:hover{
            color: #fff;
            background-color: #1de801;
            border-color: #1de801;

        }

    </style>
</head>

<body>
<%--登录页面，登录表单提交到LoginServlet处理--%>
<div id="all-login">
    <form action="<%= request.getContextPath() %>/login" method="post" >
        <div id="all-content">
            <div id="input-content">
                <div id="title">登录</div>
                <input class="topinput" type="text" name="account" placeholder="请输入账号">
                <br><br>
                <input class="topinput" type="password" name="password" placeholder="请输入密码">
                <br><br>
                <div id="button-logo">
                    <button type="submit">登录</button>
                    <a onclick="location.href = '<%= request.getContextPath() %>/register.jsp'">注册</a>
                </div>
            </div>
        </div>
    </form>
</div>
</body>

</html>
